<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加入购物车</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../lib/css/fonts/element-icons.ttf">
    <link rel="stylesheet" href="../../lib/css/fonts/element-icons.woff">

</head>

<body>
    <div class="app-wrap" v-cloak id="goodsAddcart">
        <header-top :topparams="topparams"></header-top>
        <header-search-global></header-search-global>
        <comment-top-nav :topnavlist="topnavlist"></comment-top-nav>
        <!-- :topnavlist="topnavlist" -->
        <div class="goods_addcart container">
            <h1><i class="icon-goods_addcart_success"></i>商品已成功加入购物车！</h1>
            <div class="goods_addcart-col">
                <div class="left">
                    <div class="left-img"><img :src="topnavlist.picImg"></div>
                    <div class="left-text">
                        <h1>{{topnavlist.name}} &nbsp; {{topnavlist.colorName}} &nbsp; {{topnavlist.sizeName}}</h1>
                        <p>颜色：{{topnavlist.colorName}} / 尺码：{{topnavlist.sizeName}} / 数量：{{topnavlist.buyNumber}}</p>
                    </div>
                </div>
                <div class="right">
                    <button class="right-btn" @click="productInfo">查看商品详情</button>
                    <button class="right-btn right-btn_cur" @click="goCart">去购物车结算</button>
                </div>
            </div>
        </div>

        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script>
        goodsAddcart();
    </script>
</body>

</html>